<template>
    <div class='contactUs'>
        <navbarW></navbarW>
        <div class='carousel'>
            <div class='carBg'>
                <div class='container'>
                    <h3>联系我们</h3>
                    <ul>
                        <li>
                            <h3>四川视纪网络科技有限公司</h3>
                        </li>
                        <li>地址：成都市武侯区望江路1号中海广场13-06</li>
                        <li>电话：  02885081413</li>
                        <li>网址：www.gryscm.com</li>
                    </ul> 
                </div>
            </div>
        </div>    
        <fillInformation></fillInformation>
        <footerBottom></footerBottom>
    </div>
</template>


<script>
import navbarW from './components/navbarW';
import fillInformation from './components/fillInformation';
import footerBottom from './components/footer';
export default {
    name:'contactUs',
    components:{
        navbarW,
        fillInformation,
        footerBottom
    }
}
</script>


<style lang="less" scoped>
.contactUs{
    .carousel{
        padding-top: 2rem;
        width: 100%;
        height: 936px;
        background: url('../../assets/image/concatUs.jpg') center center no-repeat;
        background-size: cover;
        .carBg{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.7);
            display: flex;
            align-items: center;
            .container{
                width: 990px;
                min-width: 990px;
                margin: 0 auto;
                h3{
                    font-weight: 400;
                    font-size: 30px;
                    color: #fff;
                    text-align: center;
                    margin: 0 0 5rem 0;
                }
                ul{
                    line-height: 3rem;
                    li{
                        font-size: 16px;
                        color: rgba(185, 185, 185, 1);
                        h3{
                            color: #fff;
                            font-size: 28px;
                            font-weight: 400;
                            margin: 0;
                            text-align: left;
                        }
                    }
                    li:first-child{
                        margin-bottom: 1rem;
                    }
                }
            }
        }
    }
}
</style>
